﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link rel="stylesheet" href="~/Content/css/sucai/sucai.css">
<link rel="stylesheet" href="~/Content/css/sucai/sucaiku.css">
<link rel="stylesheet" href="~/Content/css/sucai/sucaiku2.css" />
<div class="container">
    <div>
            <form class="form-search">
                <input class="input-medium search-query" id="search" type="text" />
                <button class="btn" id="search_btn" type="submit">搜索</button>
            </form>
    </div>
    <br />
    <div class="carousel slide" id="carousel-147784">
        <ol class="carousel-indicators">
            <li class="active" data-slide-to="0" data-target="#carousel-147784">&nbsp;</li>
            <li data-slide-to="1" data-target="#carousel-147784">&nbsp;</li>
            <li data-slide-to="2" data-target="#carousel-147784">&nbsp;</li>

        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img alt="" src="~/Content/Images/sucai/1.jpg" />
                <div class="carousel-caption" contenteditable="true">

                </div>

            </div>
            <div class="item">
                <img alt="" src="~/Content/Images/sucai/2.jpg" />
                <div class="carousel-caption" contenteditable="true">

                </div>

            </div>
            <div class="item">
                <img alt="" src="~/Content/Images/sucai/3.jpg" />
                <div class="carousel-caption" contenteditable="true">

                </div>

            </div>

        </div>
        <a class="left carousel-control" data-slide="prev" href="#carousel-147784">&lsaquo;</a> <a class="right carousel-control" data-slide="next" href="#carousel-147784">&rsaquo;</a>
    </div>

    <br />



    <div class="subnav w1200" id="myNav">
        <a href="#section-1" title="电影" class="sub0" target="_blank">电影</a>
        <a href="#section-2" title="动画" class="sub1" target="_blank">动画</a>
        <a href="#section-3" title="游戏" class="sub2" target="_blank">游戏</a>
        <a href="#section-4" title="网站" class="sub3" target="_blank">网站</a>
        <a href="#section-5" title="AR" class="sub0" target="_blank">AR</a>
        <a href="#section-6" title="VR" class="sub5 last" target="_blank">VR</a>

    </div>
    <div class="showpic clearfix w1200">
        <div class="show_title">
            <a href="#" target="_blank" title="电影" data-id="ycmore" class="fr cmore">
                更多
                <i class="more-icon"></i>
            </a>
            <h2 id="section-1">电影</h2>
        </div>
        <div class="showpic-m clearfix">
            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品1" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品1</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品2" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品2</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品3" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品3</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品4" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品4</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品5" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品5</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="showpic clearfix w1200">
        <div class="show_title">
            <a href="#" target="_blank" title="动画" data-id="ycmore" class="fr cmore">
                更多
                <i class="more-icon"></i>
            </a>
            <h2 id="section-2">动画</h2>
        </div>
        <div class="showpic-m clearfix">
            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品1" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品1</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品2" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品2</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品3" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品3</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品4" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品4</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品5" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品5</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="showpic clearfix w1200">
        <div class="show_title">
            <a href="#" target="_blank" title="游戏" data-id="ycmore" class="fr cmore">
                更多
                <i class="more-icon"></i>
            </a>
            <h2 id="section-3">游戏</h2>
        </div>
        <div class="showpic-m clearfix">
            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品1" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品1</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品2" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品2</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品3" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品3</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品4" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品4</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品5" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品5</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="showpic clearfix w1200">
        <div class="show_title">
            <a href="#" target="_blank" title="网站" data-id="ycmore" class="fr cmore">
                更多
                <i class="more-icon"></i>
            </a>
            <h2 id="section-4">网站</h2>
        </div>
        <div class="showpic-m clearfix">
            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品1" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品1</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品2" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品2</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品3" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品3</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品4" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品4</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品5" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品5</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="showpic clearfix w1200">
        <div class="show_title">
            <a href="#" target="_blank" title="AR" data-id="ycmore" class="fr cmore">
                更多
                <i class="more-icon"></i>
            </a>
            <h2 id="section-5">AR</h2>
        </div>
        <div class="showpic-m clearfix">
            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品1" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品1</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品2" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品2</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品3" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品3</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品4" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品4</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品5" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品5</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="showpic clearfix w1200">
        <div class="show_title">
            <a href="#" target="_blank" title="VR" data-id="ycmore" class="fr cmore">
                更多
                <i class="more-icon"></i>
            </a>
            <h2 id="section-6">VR</h2>
        </div>
        <div class="showpic-m clearfix">
            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品1" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品1</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品2" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品2</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品3" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品3</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品4" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品4</a>
                    </p>
                </div>
            </div>

            <div class="list">
                <div class="list-img">
                    <a href="#" data-id="ycsh1" target="_blank">
                        <img class="scrollLoading show-img" src="~/Content/Images/sucai/files.PNG" alt="作品5" data-url="#">
                    </a>
                </div>
                <div class="list-info">
                    <p style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px">
                        <a href="#" data-id="ycsh1" target="_blank">作品5</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>